<%@ page language="java" contentType="text/html; charset=UTF-8"	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="perm" uri="/WEB-INF/tld/perm.tld"%>
<c:set var="ctx" value="${pageContext.request.contextPath}" />
<html>
<script>
	var ctx = "${ctx}";
</script>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>已结束</title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="Cache-Control" content="no-cache, must-revalidate">
	<meta http-equiv="expires" content="Wed, 26 Feb 209908:21:57 GMT"> 
  
	<link href="${ctx}/static/css/bootstrap.min.css?v=${static_version}" rel="stylesheet" />
	<link href="${ctx}/static/css/font-awesome.min.css?v=4.4.0?v=${static_version}" rel="stylesheet" />
	<link href="${ctx}/static/css/animate.min.css?v=${static_version}" rel="stylesheet" />
	<link href="${ctx}/static/css/style.min.css?v=${static_version}" rel="stylesheet" />
	<link href="${ctx}/static/css/common.css?v=${static_version}" rel="stylesheet" />
	<link href="//at.alicdn.com/t/font_9x03jhokyws9vn29.css" rel="stylesheet">
	<link href="${ctx}/static/css/plugins/dataTables/dataTables.bootstrap.css?v=${static_version}" rel="stylesheet" /> 
<title>已报名人员</title>
</head>

<body class="gray-bg">
	<div class="wrapper wrapper-content  animated fadeInRight">
		<div class="ibox float-e-margins">
	 		<div class="ibox-title">
            	<h5>已报名人员<small></small></h5>
            </div>           	
			<div class="ibox-content">
	
			<div class="cl pd-5 bg-1 bk-gray"> 
			<span class="l"> 
			<a class="btn btn-default btn-warning title rleft def">已报名人数：${enroll_num}人</a>
			<a class="btn btn-default title def">已投票人数：${vote_num}人</a>
			</span>
		 </div>

		<table data-action="" data-datatable="true"  class="table table-striped table-bordered table-hover dataTables-example">
				<thead>
					<tr class="text-c">                      
                        <th width="80">作品</th>
                        <th width="80">作证视频</th>
                        <th width="80">用户名</th>
                        <th width="80">编号</th>
                        <th width="80">报名时间</th>
                        <th width="80">支持票数</th>                     
						<th width="100">操作</th>
					</tr>
				</thead>
				<tbody>
				<c:forEach items="${list_match_works}" var="u_match_works">
						
					<tr class="text-c">                        
	                    <td>${u_match_works.works_name}</td>
	                    <td>
                            <video width="100px" height="100px" controls="controls" >
							<source src="${u_match_works.vedio_url}" type="video/ogg" />
						  	<source src="${u_match_works.vedio_url}" type="video/mp4" />
						  	<source src="${u_match_works.vedio_url}" type="video/webm" />
							</video>                                
                        </td>
                        <td>${u_match_works.join_name}</td>
                        <td>${u_match_works.works_id}</td>
                        <td></td>                            
                        <td>${u_match_works.ext1}</td>                         
						<td class="td-manage">
						<a class="btn btn-warning"
							onClick="u_match_vote_detail(this,'${u_match_works.works_id}','${u_match_works.ext1}')" href="javascript:void(0);"
							title="谁投给了TA">谁投给了TA</a>
						</td>
					</tr>
					</c:forEach>
				</tbody>
			</table>
		</div>
	</div>
	</div>
	<script src="${ctx}/static/js/jquery.min.js?v=${static_version}"></script>
	<script src="${ctx}/static/js/bootstrap.min.js?v=${static_version}"></script>
	<script src="${ctx}/static/js/plugins/layer/layer.js?v=${static_version}"></script>
	<!-- 插件脚本 -->
	<script src="${ctx}/static/js/plugins/dataTables/jquery.dataTables.js?v=${static_version}"></script>
	<script src="${ctx}/static/js/plugins/dataTables/dataTables.bootstrap.js?v=${static_version}"></script>
	<script type="text/javascript">
		$(function() {
			$('.table-sort').dataTable({
				"aaSorting" : [ [ 0, "desc" ] ],//默认第几个排序
				"bStateSave" : true,//状态保存
				"aoColumnDefs" : [
				//{"bVisible": false, "aTargets": [ 3 ]} //控制列的隐藏显示
				{
					"orderable" : false,
					"aTargets" : [ 1, 2 ]
				} // 制定列不参与排序
				]
			});
		
		});

	
		/*谁投给了TA*/
		function u_match_vote_detail(obj,id,ext1,w,h){
			var info_page = "${ctx}/views/u_match-vote-detail-list?id="+id+"&ext1="+ext1;

			var index = layer.open({
				type: 2,
				title: "谁投给了TA",
				content: info_page
			});
			layer.full(index);
		}

		
	</script>
</body>
</html>



